<!DOCTYPE html>
<html>
<head>
    <title>首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>

    <hook name="before_head_end"/>
</head>
<body>
<include file="public@nav"/>
<div id="banner_tabs" class="flexslider">
    <ul class="slides">
        <li>
            <a>
                <img alt="" width="1920" height="460" style="background:url(__TMPL__/public/assets/images/banner01.png) no-repeat center;" src="__TMPL__/public/assets/images/alpha.png">
            </a>
        </li>
        <li>
            <a href="http://xy.hnkeystone.com/" target="_blank">
                <img alt="" width="1920" height="460" style="background:url(__TMPL__/public/assets/images/banner02.png) no-repeat center;" src="__TMPL__/public/assets/images/alpha.png">
            </a>
        </li>
        <li>
            <a href="http://ck.hnkeystone.com/" target="_blank">
                <img alt="" width="1920" height="460" style="background:url(__TMPL__/public/assets/images/banner03.png) no-repeat center;" src="__TMPL__/public/assets/images/alpha.png">
            </a>
        </li>
    </ul>
    <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
        <li class="active">
            <a>1</a>
        </li>
        <li class="">
            <a>2</a>
        </li>
        <li class="">
            <a>3</a>
        </li>

    </ol>
</div>
<!--介绍-->
<div class="introduce mt40">
    <div class="center">
        <div class="col">
            <div class="col3">
                <div class="box">
                    <div class="icon icon1"></div>
                    <h3>互联网咨询</h3>
                    <ul>
                        <li><span>·</span>互联网认知</li>
                        <li><span>·</span>互联网思维</li>
                        <li><span>·</span>互联网转型</li>
                    </ul>
                </div>
            </div>
            <div class="col3">
                <div class="box active">
                    <div class="icon icon2"></div>
                    <h3>专业解决方案</h3>
                    <ul>
                        <li><span>·</span>创意可行性&nbsp;&nbsp;&nbsp;</li>
                        <li><span style="margin-right: 12px;">·</span>思维完善&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                        <li><span>·</span>整体解决方案</li>
                    </ul>
                </div>
            </div>
            <div class="col3">
                <div class="box">
                    <div class="icon icon3"></div>
                    <h3>软件产品开发</h3>
                    <ul>
                        <li><span>·</span>需求疏导</li>
                        <li><span>·</span>产品设计</li>
                        <li><span>·</span>产品开发</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</di
<!--介绍结束-->
<!--互联网+-->
<div class="center a-target" id="hlw">
    <div class="title">
        <h1>互联网+</h1>
        <p>国际标准化开发，“引领互联网+”新变革！</p>
    </div>
    <img src="__TMPL__/public/assets/images/Internet.png" />

</div>
<!--互联网结束-->
<!--应用领域-->
<div class="center a-target" id="yyly">
    <div class="title">
        <h1>应用领域<a class="icon jump" href="{:url('portal/app/index')}"></a></h1>
        <p>一体化的互联网+技术解决方案，让您的项目快速启动、完美落地</p>
    </div>
    <!---->
    <div class="inter">
        <!--web开发-->
        <div class="interItem">
            <h2>WEB开发</h2>
            <h6>WEB DEVELOPMENT</h6>
            <ul>
                <li>
                    <span class="icon icon_small icon_small_web1"></span>
                    <i>门户网站</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_web2"></span>
                    <i>平台网站</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_web3"></span>
                    <i>电子商务平台</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_web4"></span>
                    <i>SAAS平台</i>
                </li>
            </ul>
            <a href="{:url('portal/app/index',['item'=>'web'])}" class="look" title="web开发">查看详情 ...</a>
            <div class="pop">
                <div class="popTit">
                    <span>WEB开发</span>WEB DEVELOPMENT
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_web1"></span>
                            <i>门户网站</i>
                            <a href="{:url('portal/app/index',['item'=>'web'])}">
                                查看
                            </a>
                        </div>
                        <p>我们拥有个性化的创新理念，专业的技术团队，完善的服务体系，根据行业用户需求提供全方位互联网+定制开发方案。</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_web2"></span>
                            <i>平台网站</i>
                            <a href="{:url('portal/app/index',['item'=>'web'])}">
                                查看
                            </a>
                        </div>
                        <p>坚磐科技平台网站建设方案集互联网、移动互联网、物联网及云计算等先进技术，帮助企业迅速打造多平台全网覆盖、线上线下全程协调的企业一站式平台网站。</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_web3"></span>
                            <i>电子商务平台</i>
                            <a href="{:url('portal/app/index',['item'=>'web'])}">
                                查看
                            </a>
                        </div>
                        <p>聚焦传统产业转型电子商务，在线上零售、传统零售、跨境零售、B2B、C2C、O2O、新零售等服务领域，为客户提供新媒体营销、信息咨询、电商网站建设服务。</p>
                    </div>
                </div>
            </div>
        </div>
        <!--app-->
        <div class="interItem active">
            <h2>APP开发</h2>
            <h6>APP DEVELOPMENT</h6>
            <ul>
                <li>
                    <span class="icon icon_small icon_small_app1"></span>
                    <i>IOS APP</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_app2"></span>
                    <i>Android APP</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_app3"></span>
                    <i>HTML5</i>
                </li>
            </ul>
            <a href="Javascript:void(0)" class="look">查看详情 ...</a>
            <div class="pop">
                <div class="popTit">
                    <span>APP开发</span>APP DEVELOPMENT
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_app1"></span>
                            <i>IOS APP</i>
                            <a href="{:url('portal/app/index',['item'=>'app'])}">
                                查看
                            </a>
                        </div>
                        <p>IOS开发产品涵盖Mac Ipad  Iphone Watch所有产品APP应用，提供Ios开发者、邓白氏申请协助，苹果公司审核，开发全程跟踪服务。</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_app2"></span>
                            <i>Android APP</i>
                            <a href="{:url('portal/app/index',['item'=>'app'])}">
                                查看
                            </a>
                        </div>
                        <p>我们专注于 Android软件设计与研发，产品涉及新闻、政务、医疗、教育、银行、社交等多领域。满足客户、用户多样化的需求。</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_app3"></span>
                            <i>HTML5</i>
                            <a href="{:url('portal/app/index',['item'=>'app'])}">
                                查看
                            </a>
                        </div>
                        <p>HTML5响应式开发自适应PC端、手机端、平板，简单而高效移动时代，PC + 微网站 + 微信H5+完整的互联网+解决方案。</p>
                    </div>
                </div>
            </div>
        </div>
        <!--微信开发-->
        <div class="interItem">
            <h2>微信开发</h2>
            <h6>WECHAT DEVELOPMENT</h6>
            <ul>
                <li>
                    <span class="icon icon_small icon_small_wechat1"></span>
                    <i>微网站</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_wechat2"></span>
                    <i>微商城</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_wechat3"></span>
                    <i>第三方网站对接</i>
                </li>

            </ul>
            <a href="javascript:void(0)" class="look">查看详情 ...</a>
            <div class="pop">
                <div class="popTit">
                    <span>微信开发</span>WECHAT DEVELOPMENT
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_wechat1"></span>
                            <i>微网站</i>
                            <a href="{:url('portal/app/index',['item'=>'wechat'])}">
                                查看
                            </a>
                        </div>
                        <p>基于微信公众平台和网站的融合创新服务开发，兼容iOS、android、WP等各大操作系统，平台化开发，涵盖众多垂直领域应用服务。</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_wechat2"></span>
                            <i>微商城</i>
                            <a href="{:url('portal/app/index',['item'=>'wechat'])}">
                                查看
                            </a>
                        </div>
                        <p>坚磐科技擅长于各种安卓APP应用软件开发UI研发、服务上都保持国内一流标准为客户确...</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_wechat3"></span>
                            <i>第三方网站对接</i>
                            <a href="{:url('portal/app/index',['item'=>'wechat'])}">
                                查看
                            </a>
                        </div>
                        <p>HTML5会带来一个统一的网络，无论是笔记本台式机，还是智能手机都应该很方便的浏览...</p>
                    </div>
                </div>
            </div>
        </div>
        <!--其它开发-->
        <div class="interItem">
            <h2>其它开发</h2>
            <h6>OTHER DEVELOPMENT</h6>
            <ul>
                <li>
                    <span class="icon icon_small icon_small_other1"></span>
                    <i>人工智能</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_other2"></span>
                    <i>大数据分析</i>
                </li>
                <li>
                    <span class="icon icon_small icon_small_other3"></span>
                    <i>其它应用系统</i>
                </li>

            </ul>
            <a href="javascript:void(0)" class="look">查看详情 ...</a>
            <div class="pop">
                <div class="popTit">
                    <span>其它开发</span>OTHER DEVELOPMENT
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_other1"></span>
                            <i>人工智能</i>
                            <a href="{:url('portal/app/index',['item'=>'other'])}">
                                查看
                            </a>
                        </div>
                        <p>坚磐科技作为国内领先的APP软件开发公司为企业提供iOS APP定制，为各行业企业开发...</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_other2"></span>
                            <i>大数据分析</i>
                            <a href="{:url('portal/app/index',['item'=>'other'])}">
                                查看
                            </a>
                        </div>
                        <p>坚磐科技擅长于各种安卓APP应用软件开发UI研发、服务上都保持国内一流标准为客户确...</p>
                    </div>
                </div>
                <div class="popList">
                    <div class="popCont">
                        <div class="overflow">
                            <span class="icon icon_small icon_small_other3"></span>
                            <i>其它应用系统</i>
                            <a href="{:url('portal/app/index',['item'=>'other'])}">
                                查看
                            </a>
                        </div>
                        <p>HTML5会带来一个统一的网络，无论是笔记本台式机，还是智能手机都应该很方便的浏览...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容先放着-->
</div>
<!--应用领域结束-->
<!--技术支撑-->
<div class="technology a-target" id="jszc">
    <div class="center1600 center">
        <div class="title title_other">
            <h1>技术支撑</h1>
            <p style="color: #bfbfbf;">成熟的开发项目管理体系，确保您的项目高效交付、稳定上线！</p>
        </div>
        <div class="iconBox">
            <!--中间logo-->
            <div class="zIndex zLogo">
                <div class="bgImg"></div>
                <img src="__TMPL__/public/assets/images/technology_logo.png" />
            </div>
            <!--85像素-->
            <div class="zIndex z85 z85one">
                <div class="zIndexBorder"></div>
                <div class="circle">MY SQL</div>
            </div>
            <div class="zIndex z85 z85two">
                <div class="zIndexBorder"></div>
                <div class="circle">Android</div>
            </div>
            <div class="zIndex z85 z85three">
                <div class="zIndexBorder"></div>
                <div class="circle">MSSQL</div>
            </div>
            <div class="zIndex z85 z85four">
                <div class="zIndexBorder"></div>
                <div class="circle">Python</div>
            </div>
            <!--end-->
            <!--74像素-->
            <div class="zIndex z74 z74one">
                <div class="zIndexBorder"></div>
                <div class="circle">.NET</div>
            </div>
            <div class="zIndex z74 z74two">
                <div class="zIndexBorder"></div>
                <div class="circle">JAVA</div>
            </div>
            <!--end-->
            <!--66像素-->
            <div class="zIndex z66 z66one">
                <div class="zIndexBorder"></div>
                <div class="circle">PHP</div>
            </div>
            <div class="zIndex z66 z66two">
                <div class="zIndexBorder"></div>
                <div class="circle">IOS</div>
            </div>
            <div class="zIndex z66 z66three">
                <div class="zIndexBorder"></div>
                <div class="circle">Oracle</div>
            </div>
            <div class="zIndex z66 z66four">
                <div class="zIndexBorder"></div>
                <div class="circle">HTML5</div>
            </div>
            <!--end-->
        </div>
    </div>
</div>
<!--技术支撑结束-->
<!--产品解决方案-->
<div class="center a-target" id="cpfa">
    <div class="title">
        <h1>产品解决方案<a href="{:url('portal/Product/index')}" class="icon jump"></a></h1>
        <p>从根本出发把握您的实际需求，做到开发更快捷、更完善，营销更精准、更高效</p>
    </div>
    <div class="picScroll-left">
        <div class="hd">
            <a class="next" href="javascript:void(0)">
                <img src="__TMPL__/public/assets/images/right.png" />
            </a>

            <a class="prev" href="javascript:void(0)">

                <img src="__TMPL__/public/assets/images/left.png" />
            </a>
            <!--<span class="pageState"></span>-->
        </div>
        <div class="bd">
            <ul class="picList">
                <li>
                    <div class="pic">
                        <a href="{:url('portal/Product/index',array('item'=>'zhly'))}" target="_blank">
                            <img src="__TMPL__/public/assets/images/solve.png" />
                            <div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="{:url('portal/Product/index',array('item'=>'zhly'))}" target="_blank">景区智慧旅游方案</a>
                        <p>实现由“门票经济”向“旅游经济”的转型等</p>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a href="{:url('portal/Product/index',array('item'=>'zhyq'))}" target="_blank">
                            <img src="__TMPL__/public/assets/images/solve2.png" />
                            <div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="{:url('portal/Product/index',array('item'=>'zhyq'))}" target="_blank">智慧园区解决方案</a>
                        <p>园区与企业的交互平台，通过园区管理信息化留存，提升园区管理水平</p>
                    </div>
                </li>
                
                <li>
                    <div class="pic">
                        <a href="{:url('portal/Product/index',array('item'=>'zhxy'))}" target="_blank">
                            <img src="__TMPL__/public/assets/images/solve4.png" />
                            <div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="{:url('portal/Product/index',array('item'=>'zhxy'))}" target="_blank">VR教学解决方案</a>
                        <p>VR技术引入教学领域，可以开拓更趣味更深刻的教学方法与交互方式</p>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a href="{:url('portal/Product/index',array('item'=>'qyjy'))}" target="_blank">
                        	<img src="__TMPL__/public/assets/images/solution6.png" />
                        	<div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="{:url('portal/Product/index',array('item'=>'qyjy'))}" target="_blank">企业经营解决方案</a>
                        <p>集生产、采购、销售、财务于一体的综合办公管理平台</p>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a href="{:url('portal/Product/index',array('item'=>'lsmd'))}" target="_blank">
                        	<img src="__TMPL__/public/assets/images/solution5.png" />
                        	<div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="{:url('portal/Product/index',array('item'=>'lsmd'))}" target="_blank">零售门店解决方案</a>
                        <p>解决零售门店商品受时间和空间限制且商品种类单一的问题。</p>
                    </div>
                </li>
                <li>
                    <div class="pic">
                        <a href="javascript:void(0)" target="_blank">
                            <img src="__TMPL__/public/assets/images/solve3.png" />
                            <div class="mask">
                                <img src="__TMPL__/public/assets/images/search.png" />
                            </div>
                        </a>
                    </div>
                    <div class="solve">
                        <a href="javascript:void(0)" target="_blank">智慧政务解决方案</a>
                        <p>为老百姓和政府之间建立一个互动沟通的重要渠道</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--产品解决方案end-->
<!--经典案例-->
<div class="center a-target" id="jdal">
    <div class="title">
        <h1>经典案例<a href="{:url('portal/case/index')}" class="icon jump"></a></h1>
        <p>孵化企业，成功"互联网+"企业转型</p>
    </div>
    <ul class="case">
        <li><img src="__TMPL__/public/assets/images/1.png" /></li>
        <li><img src="__TMPL__/public/assets/images/2.png" /></li>
        <li><img src="__TMPL__/public/assets/images/3.png" /></li>
        <li><img src="__TMPL__/public/assets/images/4.png" /></li>
        <li><img src="__TMPL__/public/assets/images/5.png" /></li>
        <li><img src="__TMPL__/public/assets/images/6.png" /></li>
        <li><img src="__TMPL__/public/assets/images/7.png" /></li>
        <li><img src="__TMPL__/public/assets/images/8.png" /></li>
        <li><img src="__TMPL__/public/assets/images/9.png" /></li>
        <li><img src="__TMPL__/public/assets/images/10.png" /></li>
        <li><img src="__TMPL__/public/assets/images/11.png" /></li>
        <li><img src="__TMPL__/public/assets/images/12.png" /></li>
        <li><img src="__TMPL__/public/assets/images/13.png" /></li>
        <li><img src="__TMPL__/public/assets/images/14.png" /></li>
        <li><img src="__TMPL__/public/assets/images/15.png" /></li>
        <li><img src="__TMPL__/public/assets/images/16.png" /></li>
        <li><img src="__TMPL__/public/assets/images/17.png" /></li>
        <li><img src="__TMPL__/public/assets/images/18.png" /></li>
    </ul>
</div>
<!--经典案例end-->
<!--新闻快讯-->
<div class="center">
    <div class="title">
        <h1>新闻快讯<a href="{:url('List/index',['id'=>1])}" class="icon jump" ></a></h1>
        <p>从这里获知更新的、更有价值的资讯</p>
    </div>
    <ul class="news">


        <li>
            <div class="newBox">
                <div class="newTitle" onclick="location='{:url('List/index',['id'=>1])}'" style="cursor: pointer">
                    坚磐快讯<span>KEYSTONE NEWS</span>
                </div>
                <div class="newTitle newDetal">
<php>$k=0;</php>

            <portal:articles limit="4" order="post.published_time DESC"
                             categoryIds="1" offset="1">
                <if condition="$k eq 0">
                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" style="width: 344px;height: 170px;cursor:pointer" onclick="window.open('{:url("portal/Article/index",['id'=>$vo.id,'cid'=>$vo.category_id])}')"/>
                    <p class="txtOver">{$vo.post_title}</p>
                    <ul>
                <else/>
                        <li>
                            <p>
                                <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">{$vo.post_title}</a><i>{:date('Y/m/d',$vo.published_time)}</i>
                        </li>
                </if>
                <php>
                    $k++;
                </php>
            </portal:articles>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="newBox">
                <div class="newTitle" onclick="window.open('http://ck.hnkeystone.com/index.php?id=56&act=news.html')" style="cursor: pointer">
                    创新快讯<span>INNOVATIVE NEWS</span>
                </div>
                <div class="newTitle newDetal">
                    <foreach name="ck_news" item="vo" key="k">
                        <if condition="$k eq 0">
                            <img src="http://ck.hnkeystone.com\upload\images\{$vo.slt}"  style="width: 344px;height: 170px;cursor:pointer" onclick="window.open('http://ck.hnkeystone.com/index.php?id=56&zid={$vo.id}&act=newspage.html')"/>
                            <p class="txtOver">{$vo.title}</p>
                            <ul>
                        <else/>
                        <li>
                            <p>
                                <a href="http://ck.hnkeystone.com/index.php?id=56&zid={$vo.id}&act=newspage.html">{$vo.title}</a><i>{:date('Y/m/d',$vo.time)}</i>
                            </p>
                        </li>
                        </if>
                    </foreach>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="newBox">
                <div class="newTitle" onclick="window.open('http://xy.hnkeystone.com/portal/list/index/id/9.html')" style="cursor: pointer">
                    学院快讯<span>COLLEGE NEWS</span>
                </div>
                <div class="newTitle newDetal">
                    <foreach name="school_news" item="vo" key="k">
                        <if condition="$k eq 0">
                            <php>
                                $thumb_tmp = json_decode($vo['more'],true)['thumbnail'];
                            </php>
                            <img src="http://xy.hnkeystone.com/upload/{$thumb_tmp}"  style="width: 344px;height: 170px;cursor:pointer" onclick="window.open('http://xy.hnkeystone.com/portal/article/index/id/{$vo.id}/cid/8.html')"/>
                            <p class="txtOver">{$vo.post_title}</p>
                            <ul>
                                <else/>
                                <li>
                                    <p>
                                        <a href="http://xy.hnkeystone.com/portal/article/index/id/{$vo.id}/cid/8.html">{$vo.post_title}</a><i>{:date('Y/m/d',$vo.published_time)}</i>
                                    </p>
                                </li>
                        </if>
                    </foreach>
                    </ul>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--新闻快讯end-->
<include file="public@contact"/>
<!--end-->
<!-- /container -->
<include file="public@footer"/>
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/slider.js"></script>
<script type="text/javascript">
    jQuery(".picScroll-left").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "left",
        scroll: 2,
        vis: 4,
        trigger: "click"
    });
    $(function() {
        //轮播图
        var bannerSlider = new Slider($('#banner_tabs'), {
        	auto: true,
            time: 3000,
            delay: 400,
            event: 'hover',
            controller: $('#bannerCtrl'),
            activeControllerCls: 'active'
        });
        //
        $(".interItem").hover(function(){
            $(this).addClass("active").siblings().removeClass("active")
        })
    })
</script>
<hook name="before_body_end"/>
</body>
</html>
